<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>创新咨询</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="./css/base.css">
</head>

<body>
    <!-- 首页 HTML 代码 -->
    <header>
        <div class="flex_bgc flex-between-center">
            <div id="header-Logo">
                <p>湖南省科技金融服务</p>
                <p>中心线上平台</p>
            </div>
            <ul class="layui-nav" style="background-color: #001A4D;">
                <li class="layui-nav-item"><a href="./index.html">首页</a></li>
                <li class="layui-nav-item"><a href="./financingServices.html">融资服务</a></li>
                <li class="layui-nav-item"><a href="./financialProducts.html">金融产品</a></li>
                <li class="layui-nav-item"><a href="./financialInstitution.html">金融机构</a></li>
                <li class="layui-nav-item"><a href="./innovation.html">科技创新板块</a></li>
                <li class="layui-nav-item"><a href="./technologyService.html">科技服务</a></li>
                <li class="layui-nav-item"><a href="./policyGuidelines.html">政策指南</a></li>
                <li class="layui-nav-item layui-this"><a href="javaScript:;">创新咨询</a></li>
                <li class="layui-nav-item"><a href="./resourceServices.html">资源服务</a></li>
                <li class="layui-nav-item"><a href="./aboutUs.html">关于我们</a></li>
            </ul>
        </div>
    </header>
    <main>
        <div class="main-top">
            <h1 style="font-size: 30px;">创新咨询</h1>
        </div>
        <div class="main-padding">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">政策浏览</li>
                    <li>政策申报</li>
                    <li>默认选项</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="main-tab">
                            <div class="main-tab">
                                <ul style="margin-bottom: 5px;">
                                    <li>全部</li>
                                    <li>政策解读</li>
                                </ul>
                            </div>
                            <div class="main-box">
                                <div onclick="detailClick()">
                                    <p>湖南省技术产权交易所有限责任公司 组织召开新员工入职培训会</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>国务院办公厅关于改革完善中央财政科研经费管理的若干意见</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>湖南省科学技术厅关于印发《湖南省创新型县（市、区）培育建设实施办法》的通知</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>国务院办公厅关于改革完善中央财政科研经费管理的若干意见</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>关于印发《湖南省科技型企业知识价值信用贷款风险补偿改革实施办法》的通知</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>国务院办公厅关于改革完善中央财政科研经费管理的若干意见</p>
                                    <span>2021-10-11</span>
                                </div>
                                <div onclick="detailClick()">
                                    <p>关于印发《湖南省科技型企业知识价值信用贷款风险补偿改革实施办法》的通知</p>
                                    <span>2021-10-11</span>
                                </div>
                            </div>
                            <div class="flex-flexEnd paging">
                                <div id="pageDom"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="footer-box">
            <div class="footer-left flex-between">
                <p>帮助</p>
                <p>隐私</p>
                <p>条款</p>
            </div>
            <div class="footer-right flex-between">
                <p>copyright</p>
                <p>©ICP备案： 湘ICP备19020675号-1</p>
            </div>
        </div>
    </footer>
</body>
<script src="./layui/layui.js"></script>
<script>
    //触发
    layuiClick()

    //方法
    function layuiClick() {
        //分页
        layui.use('laypage', function () {
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'pageDom',
                limit: 6, //每页几条数据
                count: 70, //数据总数，从服务端得到
                limits: [6, 12, 18],  //每页条数的选择项
                layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    console.log(obj.limit); //得到每页显示的条数
                    //首次不执行
                    if (!first) {
                        layer.msg('第' + obj.curr + '页', { offset: 'b' });
                    }
                }
            });
        });
    }
    function detailClick() {
        // location.href='./components/policyGuidelinesDetail.html'
    }
</script>
<style scoped>
    .main-padding {
        margin: 20px 12%;
        padding: 20px 20px 0;
        background-color: #fff;
    }

    .main-top {
        text-align: center;
        margin: 80px 0;
    }

    .main-tab {
        padding: 10px 0;
    }

    .main-tab ul {
        display: flex;
    }

    .main-tab ul li {
        margin: 0 20px;
    }

    .main-box {
        padding: 0 10px;
    }

    .main-box div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px #f0f2f5 solid;
        line-height: 60px;
    }

    .main-box p {
        font-size: 16px;
    }

    .main-box span {
        font-size: 16px;
        color: #aaaaaa;
    }
</style>

</html>